<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="curtime"></div>
</body>
<script type="text/javascript" src="js/framework7.min.js"></script>
<script type="text/javascript" src="js/twemoji.min.js"></script>
<textarea name="origin" style="width: 100vw;border: none;padding: 0;margin: 0;background: red;color: #ffffff;"></textarea>
<textarea name="target" style="width: 100vw;border: none;padding: 0;margin: 0;background: green;color: #ffffff;"></textarea>
<script>
var $$ = Dom7;
$$('textarea[name="origin"]').on('change',function () {
    var target = twemoji.parse($$(this).val(),function(iconId, options) {
        return '/assets/' + options.size + '/' + iconId + '.gif';
    });
    $$('textarea[name="target"]').val(target);
});
</script>
</html>